<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>个人图片库</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Favicons
    ================================================== -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72"
	href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
	href="img/apple-touch-icon-114x114.png">

<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css"
	href="fonts/font-awesome/css/font-awesome.css">

<!-- Stylesheet
    ================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css"
	href="css/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" type="text/css"
	href="css/nivo-lightbox/default.css">
<link
	href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,600,300'
	rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/modernizr.custom.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

	<!-- Header -->
	<header id="header">
		<div class="intro">
			<div class="container">
				<div class="row">
					<div class="intro-text">
						<h1>个人图片库</h1>
						<hr>
						<p>专业 • 自驱 • 创新</p>
						<a href="#about" class="btn btn-default btn-lg page-scroll">查看更多……</a>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- Navigation -->
	<div id="nav">
		<nav class="navbar navbar-custom">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse"
						data-target=".navbar-main-collapse">
						<i class="fa fa-bars"></i>
					</button>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse navbar-main-collapse">
					<ul class="nav navbar-nav">
						<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
						<li class="hidden"><a href="#page-top"></a></li>
						<li><a class="page-scroll" href="#about">关于</a></li>
						<li><a class="page-scroll" href="#portfolio">图片集</a></li>
						<!-- 
						<li><a class="page-scroll" href="#contact">Contact</a></li>
						 -->
					</ul>
				</div>
			</div>
		</nav>
	</div>
	<div class="tlinks">
		Collect from <a href="http://www.cssmoban.com/" title="模板之家">模板之家</a>
	</div>
	<!-- About Section -->
	<div id="about">
		<div class="container">
			<div class="section-title text-center center">
				<h2>About</h2>
				<hr>
			</div>
			<div class="row">
				<div class="col-md-12 text-center">
					<img src="img/about.png" class="img-responsive">
				</div>
				<div class="col-md-8 col-md-offset-2">
					<div class="about-text">
						<p>专业能力</p>
						<p>自驱能力</p>
						<p>创新能力</p>
						<a href="#portfolio" class="btn btn-default btn-lg page-scroll">图片集</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Portfolio Section -->
	<div id="portfolio">
		<div class="container">
			<div class="section-title text-center center">
				<h2>图片集</h2>
				<hr>
			</div>
			<div class="categories">
				<ul class="cat">
					<li>
						<ol class="type">
							<li><a href="#" data-filter="*" class="active">所有</a></li>
							<li><a href="#" data-filter=".demo">DEMO图片</a></li>
							<li><a href="#" data-filter=".antd-pro-helper">Antd Pro Helper</a></li>
						</ol>
					</li>
				</ul>
				<div class="clearfix"></div>
			</div>
			<div class="row">
				<div class="portfolio-items">
					<div class="col-sm-6 col-md-3 col-lg-3 demo">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="img/demo/01-large.jpg" title="查看大图"
									data-lightbox-gallery="gallery1">
									<div class="hover-text">
										<h4>查看大图</h4>
									</div> <img src="img/demo/01-small.jpg" class="img-responsive"
									alt="查看大图">
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 col-lg-3 demo">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="img/demo/02-large.jpg" title="查看大图"
									data-lightbox-gallery="gallery1">
									<div class="hover-text">
										<h4>查看大图</h4>
									</div> <img src="img/demo/02-small.jpg" class="img-responsive"
									alt="查看大图">
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 col-lg-3 demo">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="img/demo/07-large.jpg" title="查看大图"
									data-lightbox-gallery="gallery1">
									<div class="hover-text">
										<h4>查看大图</h4>
									</div> <img src="img/demo/07-small.jpg" class="img-responsive"
									alt="查看大图">
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 col-lg-3 demo">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="img/demo/08-large.jpg" title="查看大图"
									data-lightbox-gallery="gallery1">
									<div class="hover-text">
										<h4>查看大图</h4>
									</div> <img src="img/demo/08-small.jpg" class="img-responsive"
									alt="查看大图">
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 col-lg-3 antd-pro-helper"">
                        <div class="portfolio-item">
                            <div class="hover-bg">
                                <a href="img/antd-pro-helper/2020013101.png" title="查看大图"
                                    data-lightbox-gallery="gallery1">
                                    <div class="hover-text">
                                        <h4>查看大图</h4>
                                    </div> <img src="img/antd-pro-helper/2020013101.png" class="img-responsive"
                                    alt="查看大图">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 antd-pro-helper"">
                        <div class="portfolio-item">
                            <div class="hover-bg">
                                <a href="img/antd-pro-helper/2020013102.png" title="查看大图"
                                    data-lightbox-gallery="gallery1">
                                    <div class="hover-text">
                                        <h4>查看大图</h4>
                                    </div> <img src="img/antd-pro-helper/2020013102.png" class="img-responsive"
                                    alt="查看大图">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 antd-pro-helper"">
                        <div class="portfolio-item">
                            <div class="hover-bg">
                                <a href="img/antd-pro-helper/2020013103.png" title="查看大图"
                                    data-lightbox-gallery="gallery1">
                                    <div class="hover-text">
                                        <h4>查看大图</h4>
                                    </div> <img src="img/antd-pro-helper/2020013103.png" class="img-responsive"
                                    alt="查看大图">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-3 antd-pro-helper"">
                        <div class="portfolio-item">
                            <div class="hover-bg">
                                <a href="img/antd-pro-helper/2020013104.png" title="查看大图"
                                    data-lightbox-gallery="gallery1">
                                    <div class="hover-text">
                                        <h4>查看大图</h4>
                                    </div> <img src="img/antd-pro-helper/2020013104.png" class="img-responsive"
                                    alt="查看大图">
                                </a>
                            </div>
                        </div>
                    </div>
					<!-- <div class="col-sm-6 col-md-3 col-lg-3 illustration">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="img/demo/09-large.jpg" title="查看大图"
									data-lightbox-gallery="gallery1">
									<div class="hover-text">
										<h4>查看大图</h4>
									</div> <img src="img/demo/09-small.jpg" class="img-responsive"
									alt="查看大图">
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 col-lg-3 photography">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="img/demo/10-large.jpg" title="查看大图"
									data-lightbox-gallery="gallery1">
									<div class="hover-text">
										<h4>查看大图</h4>
									</div> <img src="img/demo/10-small.jpg" class="img-responsive"
									alt="查看大图">
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 col-lg-3 photography">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="img/demo/11-large.jpg" title="查看大图"
									data-lightbox-gallery="gallery1">
									<div class="hover-text">
										<h4>查看大图</h4>
									</div> <img src="img/demo/11-small.jpg" class="img-responsive"
									alt="查看大图">
								</a>
							</div>
						</div>
					</div>
					<div class="col-sm-6 col-md-3 col-lg-3 graphic">
						<div class="portfolio-item">
							<div class="hover-bg">
								<a href="img/demo/12-large.jpg" title="查看大图"
									data-lightbox-gallery="gallery1">
									<div class="hover-text">
										<h4>查看大图</h4>
									</div> <img src="img/demo/12-small.jpg" class="img-responsive"
									alt="查看大图">
								</a>
							</div>
						</div>
					</div> -->
				</div>
			</div>
		</div>
	</div>
	<!-- Contact Section -->
	<!-- <div id="contact" class="text-center">
		<div class="container">
			<div class="section-title center">
				<h2>Get In Touch</h2>
				<hr>
			</div>
			<div class="col-md-8 col-md-offset-2">
				<form name="sentMessage" id="contactForm" novalidate>
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<input type="text" id="name" class="form-control"
									placeholder="Name" required="required">
								<p class="help-block text-danger"></p>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<input type="email" id="email" class="form-control"
									placeholder="Email" required="required">
								<p class="help-block text-danger"></p>
							</div>
						</div>
					</div>
					<div class="form-group">
						<textarea name="message" id="message" class="form-control"
							rows="4" placeholder="Message" required></textarea>
						<p class="help-block text-danger"></p>
					</div>
					<div id="success"></div>
					<button type="submit" class="btn btn-default btn-lg">Send
						Message</button>
				</form>
				<div class="social">
					<ul>
						<li><a href="#"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
						<li><a href="#"><i class="fa fa-behance"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
	</div> -->
	<div id="footer">
		<div class="container text-center">
			<div class="fnav">
				<p>
					Copyright &copy; 2020. Build by <a href="#" rel="nofollow">小龙在线</a>.
				</p>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/SmoothScroll.js"></script>
	<script type="text/javascript" src="js/nivo-lightbox.js"></script>
	<script type="text/javascript" src="js/jquery.isotope.js"></script>
	<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
	<script type="text/javascript" src="js/contact_me.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
</body>
</html>